<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>any do</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link href="todo.css" media="all" rel="stylesheet" type="text/css"/>
    <script src="//cdn.bootcss.com/require.js/2.1.22/require.js"></script>
</head>
<body>
<div class="wrapper">
    <div id="todoapp">
        <div class="alltodos" id="alltt">
            <!-- <span style="text-align: center">所有任务</span><span id="todonum"></span><span style="margin-left: 20%" id="addnew">+</span> -->
            <h2>所有任务<span id="todonum"></span></h2>
            <p><span id="addnew">+</span></p>
        </div>
        <div class="persontodos" id="todos">
        </div>
    </div>

    <div class="boxbg" id="bg">
        <div class="boxpop" id="popDiv">
            <h2>新增代办事项</h2>
            <input class="txt" type="text" name="title" id="newTitle"/>
            <input class="btn_add" type="button" id="add" value="确定"/>
            <a href="javascript:void(0);" class="btn_close" id="btn_close">X</a>
        </div>
    </div>
</div>

</body>
<script src="todo.js" type="application/javascript"></script>
<script id="alltodo-template" type="text/template">
    <span>所有任务</span>
</script>
<script id="persontodo-template" type="text/template">
    <div  class="pesonspan">
        <span class="closeX">X</span>
        <h3 class="title"><%= title %></h3>
    </div>
</script>
</html>